<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>文本内容(ol)</title>
    </head>

    <body>
        <h3>有序清单</h3>
        <div>有序清单，也称作有序列表，英文全称是 ordered list</div>
        <div>与无序清单一样，在有序清单内部也是以 清单项目(list item) 为子元素</div>
        <div>清单项目之前的项目符号是可以设置的 ( 1、A、a、I、i ) </div>
        
        <ol>
            <li>牛肉面</li>
            <li>卤蛋</li>
            <li>小菜</li>
        </ol>

        <hr>
        <ol>
            <li type="1">慢羊羊</li>
            <li type="1">喜羊羊</li>
            <li type="1">沸羊羊</li>
            <li type="1">美羊羊</li>
            <li type="1">屎羊羊</li>
        </ol>

        <hr>
        <ol>
            <li type="A">慢羊羊</li>
            <li type="A">喜羊羊</li>
            <li type="A">沸羊羊</li>
            <li type="A">美羊羊</li>
            <li type="A">屎羊羊</li>
        </ol>

        <hr>
        <ol>
            <li type="a">慢羊羊</li>
            <li type="a">喜羊羊</li>
            <li type="a">沸羊羊</li>
            <li type="a">美羊羊</li>
            <li type="a">屎羊羊</li>
        </ol>

        <hr>
        <ol>
            <li type="I">慢羊羊</li>
            <li type="I">喜羊羊</li>
            <li type="I">沸羊羊</li>
            <li type="I">美羊羊</li>
            <li type="I">屎羊羊</li>
        </ol>

        <hr>
        <ol>
            <li type="i">慢羊羊</li>
            <li type="i">喜羊羊</li>
            <li type="i">沸羊羊</li>
            <li type="i">美羊羊</li>
            <li type="i">屎羊羊</li>
        </ol>
    </body>

</html>